<template>
    <div class="submit">
        <!-- 导航栏开始 -->
            <van-nav-bar
                title="订单确认"
                left-text="返回"
                left-arrow
                @click-left="onClickLeft"
            />
        <!-- 导航栏结束 -->
        <!-- 服务地址开始 -->
        <div class="serve">
            <div class="iconfont icon-31dingwei">服务地址</div>
            <div class="context">
                <div class="name">姓名</div>
                <div class="telephone">电话</div>
            </div>
            <div class="address">地址</div>
        </div>
        <!-- 服务地址结束 -->
    </div>
</template>
<script>
import {get} from '@/http/axios.js'
export default {
 data(){
     return{
      list:{
          page:1,
          pageSize:10
      },
      submits:[]
     }
 },
 methods:{
     onClickLeft(){
        //  alert(999)
        this.$router.back()
     },
    //  查询所有订单
    findAllSubmit(){
        get('/order/pageQuery',this.list).then(res=>{
            console.log(res.data.data.list);
            this.submits = res.data.data.list
        })
    }
 },
 created(){
     this.findAllSubmit()
 }

}
</script>
<style scoped>
.submit .serve{
    width: 95%;
    height: 88px;
    margin:0 auto;
    background-color: antiquewhite;
    margin-top: 15px;
    box-shadow: 2px 2px 2px 2px rgba(158,117,255,.2);
    border-radius: 5px;
}
.submit .serve div:first-child{
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 16px;
}
.submit .serve .context{
    height: 18px;
    width:90% ;
    background-color: brown;
    margin-top: 10px;
}
.submit .serve .context .name{
    float: left;
    background-color: aqua;
    color: #969799;
    font-size: 14px;
    height: 7px;
    width: 40%;
}
.submit .serve .context .telephone{
    float: right;
    background-color:cadetblue;
    color: #969799;
    font-size: 14px;
    width: 50%;
    height: 18px;
}
.submit .serve .address{
background-color: blue;
color: #969799;
font-size: 14px;
height: 18px;
width: 85%;
margin-top: 10px;
}
</style>